<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/layui/css/layui.css" media="all">
  <script src="/layui/layui.js" charset="utf-8"></script>
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
  <legend>技师目录</legend>
</fieldset>
<div class="site-demo-flow" id="LAY_demo3"  >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500" >
  <img lay-src="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg"   tppabs="https://zzdjava.oss-cn-hangzhou.aliyuncs.com/newpic/1658473981447.jpg" width="500" height="500">



 
</div>
           
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
layui.use('flow', function(){
  var flow = layui.flow;
  
  //按屏加载图片
  flow.lazyimg({
    elem: '#LAY_demo3 img'
  });
  
});
</script>

</body>
</html>